<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<html>
<head>
<title>System Login</title>
</head>
<body>
<f:view>
	<table width="284" border="0" cellpadding="0" cellspacing="0">
			<tr bgcolor="#fff;">
				<td>
				<img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_09.jpg" width="13" height="28" alt="" /></td>
				<td>
				<img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_10.jpg" width="47" height="28" alt="" style="width: 47px;" /></td>
				<td width="159" height="28" style="background: url(${facesContext.externalContext.requestContextPath}/quantri/login/images/test_11.jpg);"></td>
				<td width="66"><img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_12.jpg" width="66" height="28" alt="" /></td>
				<td width="20"><img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_13.jpg" width="20" height="28" alt="" /></td>
			</tr>
			<tr>
				<td width="13" height="73"
					style="background: url(${facesContext.externalContext.requestContextPath}/quantri/login/images/test_23.jpg) repeat-y;"></td>
				<td height="73" width="251" colspan="3">
				<h:form id="login">
					<table border="0" cellpadding="0" cellspacing="0" align="center"
						width="250">
						<tr style="height: 16px;">
							<td class="InputLabel" align="right" width="95">Tên đăng nhập</td>
							<td><h:inputText value="#{user.userName}" id="j_username"
								 styleClass="InputControl" required="true" ></h:inputText></td>
						</tr>
						
						
                         <tr> <td colspan="4"  height="5px"> </td> </tr>
						
						
						<tr>
							<td align="right" class="InputLabel">Mật khẩu</td>
							<td>
							<h:inputSecret value="#{user.password}" styleClass="InputControl" id="j_password"
								required="true" >
							</h:inputSecret>
							</td>
						</tr>
                         <tr> <td colspan="4"  height="5px"> </td> </tr>
						<tr>
							<td >&nbsp;</td>
							<td width="12px" align="center" style="margin-top: 3px">
							<h:commandButton styleClass="Button" 
								action="#{user.CheckLogin}" value="Đăng nhập">
								</h:commandButton>
							</td>
						</tr>
					</table>
				</h:form>
				</td>
				<td width="20" height="73" style="background: url(${facesContext.externalContext.requestContextPath}/quantri/login/images/test_27.jpg) repeat-y;"></td>
		</tr>
		<tr>
			<td width="13"><img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_30.jpg" width="13"
				height="20" alt="" /></td>
			<td colspan="3" style="background: url(${facesContext.externalContext.requestContextPath}/quantri/login/images/test_32.jpg) repeat-x;"></td>
			<td width="20"><img src="${facesContext.externalContext.requestContextPath}/quantri/login/images/test_34.jpg" width="20" height="20" alt="" /></td>
		</tr>
	</table>
</f:view>
</body>
</html>
